
<script setup>
import {ref} from "vue"
let formValue = ref({
  username:"",
  ip:"",
  range:""
})
</script>

<template>
    <n-space vertical size="large">
      <n-form ref="formRef" inline label-placement="left" label-width="auto" :model="formValue">
        <n-grid :cols="24" :x-gap="24">
          <n-form-item-gi :span="4" label="群聊">
            <n-input v-model:value="formValue.username" placeholder="群昵称/群ID" />
          </n-form-item-gi>
          <n-form-item-gi :span="10" label="时间">
            <n-date-picker v-model:value="range" type="datetimerange" clearable />
          </n-form-item-gi>
          <n-form-item-gi :span="6">
            <n-button strong secondary type="tertiary">
              查询
            </n-button>
          </n-form-item-gi>
        </n-grid>
      </n-form>
    </n-space>
</template>
